<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
    <title> Dimen5ion </title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="public/stylesheets/style.css" media="all">
</head>
<body>
    
    <div id="frontpage">
            <a href="http://dimen5ion110.appspot.com/">
                <img src="public/images/logo2.png" border="0" width="500" height="200" alt=""/> 
            </a>
            {% if flash %}
            <div class="flash">
              <p> {{ flash }} </p>
            </div>
            {% endif %}
            <div id="register">
                <form name="input" action="/login" method="post">
                	<div id="regforms">
                    	<p><span id="uname_span">Username</span> <br>
                   		<input type="text" name="user" title="Enter username" size="18" maxlength="20"/></p>
                    	<p><span id="pword_span">Password</span> <br>
                    	<input type="password" name="password" title="Enter password" size="18" maxlength="20"></p>
                    	<input type="submit" value="Submit" class="submit"/>
                    	<!--<a href="" class="button"><span>&nbsp;&nbsp;Submit</span></a>-->
                    <br>
                    </div>
                </form>
                <p>
                    <!-- <a href="">Forget your password?</a> <br /> -->
                    <a href="/register">Create an account.</a> 
                </p>
            </div>
    </div>
    <!-- Load Googles CDN jQuery -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
    <script src="public/scripts/master.js"</script>
    <script src="public/scripts/index.js"</script>
</body>
</html>
